


.form * {padding:0;	margin:0;	list-style: none;	}


.form fieldset {position: relative;height:100%;}


.grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-12-12 {
display:inline; float:left; margin-left:1%; margin-right:1%;padding: 0.5% 0.5% 0.8%;height:100%;
*margin-left:.8%; *margin-right:.8%;*padding: 0.5% 0.25% 0.8%;
}

.panel{
	 color: #000000;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    width: 900px;
	}

.rich-panel-body{
		 color: #000000;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    width: 900px;
    border: none;
	}

.grid-1-12 {width: 5.333%;}
.grid-2-12 {width: 13.666%;}
.grid-3-12 {width: 18%;}
.grid-4-12 {width: 30.333%;}
.grid-5-12 {width: 38.666%;}
.grid-6-12 {width: 47%;}
.grid-7-12 {width: 55.333%;}
.grid-8-12 {width: 63.666%;}
.grid-9-12 {width: 72%;}
.grid-10-12 {width: 80.333%;}
.grid-11-12 {width: 88.666%;}
.grid-12-12 {width: 97%;}

.field-clear {clear:both;}


.form label, .form input, .form img, .form select { vertical-align: middle; line-height: 0.3em;}
.form input[disabled]{background-color: #FFFFF0;}
.form button[disabled]:active, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled] {background-color: #E8E8E8; cursor: inherit; border: 1px solid #CFCFCF; color: #B5B5B5;}

.form-lbl {display: block; height: auto; margin: 0.3em 0 0.5em; *margin:0.3em 0 0.8em }
.form-list-chk .form-lbl, .form-list-rdo .form-lbl {display: inline; height: auto; }
.form-req {position: relative;top:3px;}
.form-msg-info, .form-msg-warning, .form-msg-error, .form-msg-success {padding:6px 10px 5px; display: block;height: auto; margin: -0.2em 0 0.5em;}
.form , .form-txt, .form textarea, .form select {width: 100%;
padding-bottom:3px;
border: 1px solid #99;
box-sizing: border-box;
 -moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-khtml-box-sizing: border-box;
}



.form a { padding: 0; margin: 0; text-decoration: none;}

.form textarea {height: 5em;}
.form select {padding:4px; }

.form-button {padding: 0.3em;cursor: pointer;text-align: center;float:left; display:inline; }
.form-no-lbl {padding-top:1.4em; *padding-top:1.6em;}

.form-readonly, input[readonly], a {border:none; padding-left:0;}


.form-left {float:left; margin-right:0.3em;clear:none;}
.form-right {float:right; margin-left:0.3em;clear:none;}


.form-list-chk, .form-list-rdo {height: 100%;}
.form-list-chk li, .form-list-rdo li {margin: 0.3em 0.3em 0.4em; float:left; display: inline; list-style:none;}
.form-list-chk input, .form-list-rdo li input {margin-right: 0.2em}


/*
.form-small {width: 30% !important;float:left;margin-right: 10px;display:inline;
*width: 25% !important;
}
.form-medium {width: 50% !important;float:left;margin-right: 10px;display:inline;
*width: 45% !important;
}
.form-large {width: 80% !important;float:left;margin-right: 10px;display:inline;
*width: 75% !important;
}
*/

.form-small {width: 25% !important;float:left;display:inline;
*width: 23% !important;
}
.form-medium {width: 49% !important;float:left;display:inline;
*width: 49% !important; margin-left: 2px;
}
.form-large {width: 75% !important;float:left;display:inline;
*width: 73% !important;
}

/* form elements  */
.form-lbl { color:#999; }
.form-req { color:#d10000; }

.form , .form textarea, .form select { font: normal 1em Calibri, Verdana, Arial; border-color:#cacaca; background: #fff;  color:#333; }
.form .form-txt:hover, .form textarea:hover, .form select:hover { border-color:#cacaca; background: #fafafa; color:#333; }
.form .form-txt:focus, .form textarea:focus, .form select:focus { border-color:#cacaca; background: #fafafa; color:#000;}


.form-msg-info, .form-msg-warning, .form-msg-error, .form-msg-success {
    font-size:1.2em;
    min-height: 30px;
    padding-left: 20px;
    padding-right: 30px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.form-msg-info  {
    background: #d1ecf7 url(../images/form-ic-info.png) no-repeat right center;
    border-color:#bcdfef;
    color:#11689e;
    vertical-align: middle;
}
.form-msg-warning {
    background: #fff6bf url(../images/form-ic-warning.png) no-repeat right center;
    border-color:#fceb77;
    color:#957210;
    vertical-align: middle;
}
.form-msg-error {
    background: #fad0d0 url(../images/form-ic-error.png) no-repeat right center;
    border-color:#f6abab;
    color:#b01717;
    vertical-align: middle;
}
.form-msg-success {
    background: #e5f8ce url(../images/form-ic-success.png) no-repeat right center;
    border-color:#d0f1a6;
    color:#62b548;
    vertical-align: middle;
}


/* form buttons */
.form-button {
    font: normal 1em Calibri, Verdana, Arial;
    width: 100%;
    background:#aaaaaa;
    color:#fff;
    line-height: 26px;
    height: 26px;
}
.form-button:hover {background:#666;}

.lowercase{text-transform: lowercase;}
.uppercase{text-transform: uppercase;}


/* Form Style */
h1 { padding:0 0 0 15px; margin: 10px 0px 10px 0px; font: bolder 1.2em Calibri, Verdana, Arial; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; }
h1 { background: url('../images/bread-background.png') repeat-x; height:30px; line-height:30px; color:#9b9b9b; border:solid 1px #cacaca; overflow:hidden; margin-bottom: 10px; font-weight: bold;}

h5{ color: #cacaca; margin: 10px 0px 10px 0px; border-bottom: 1px solid #cacaca; }
h4{ color: #666666; margin: 10px 0px 10px 0px; border-bottom: 1px solid #cacaca; }
h3 { color: #cacaca; margin: 5px 5px 5px 5px; border-bottom: 1px solid #cacaca; color: black; text-transform: uppercase;}

.form fieldset { border: 1px solid #cacaca; margin-bottom: 10px; }
.form legend { font: bolder 1.2em Calibri, Verdana, Arial; color:#9b9b9b; padding: 3px; text-transform: uppercase}

div:after, ol:after, form:after, dl:after, ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}


